<section id="gallery-wrapper">
		<article class="white-panel">
			<img src="image/1.jpg" class="thumb">
	  		<div class="introduce">
	            <div class="one-line">
	                <div class="one-line-left"><p>这是名字</p></div>
	                <div class="one-line-right"><span>￥999</span></div>
	            </div>
	            <div class="two-line">
	                <span>这是介绍description rsytseyestyetureturetuijreiwrutyuerueryureyretyertyretyreyrtytryetuertuwruthfgjdjdfj</span>
	            </div>
	            <div class="three-line">
	                <a href="">
	                    <div class="user-block">
	                        <div class="user">
	                            <img style="border-radius: 50%;" src="./image/user.jpg">
	                        </div>
	                    </div>
	                    <div class="user-introduction">
	                        <div class="user-name">作者Emily Finley</div>
	                        <div class="user-skill">描述draw and design</div>
	                    </div>
	                </a>
	            </div>
	        </div>
	        <!-- hover -->
	        <div class="hide">
	            <div class="hide-left">
	                <a href=""><div class="like">
	                    <img src="./image/heart.png">
	                </div></a>
	                <a href=""><div class="collect">
	                    <img src="./image/star.png">
	                </div></a>
	            </div> 
	            <a href=""><div class="hide-right">
	                <img src="./image/shop.png">
	            </div></a>   
	        </div>


		</article>
		<article class="white-panel">
			<img src="image/2.jpg" class="thumb">
			<h1><a href="#">金色秋天</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/3.jpg" class="thumb">
			<h1><a href="#">杏花</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/4.jpg" class="thumb">
			<h1><a href="#">蓝马</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/5.jpg" class="thumb">
			<h1><a href="#">鸢尾花</a></h1>
	  		<p>黄色鸢尾花属于稀有品种，莫奈用简练笔触，描绘了鸢尾花欣欣向上，自由盛放的美丽姿态。绿色叶丛中，花朵翩翩而起，充满喜悦，像一群蝴蝶起舞着，缠绵着，让人怜爱，让人心动。</p>
		</article>
		<article class="white-panel">
			<img src="image/1.jpg" class="thumb">
			<h1><a href="#">Title 6</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/7.jpg" class="thumb">
			<h1><a href="#">森林之光</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/2.jpg" class="thumb">
			<h1><a href="#">Title 8</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/4.jpg" class="thumb">
			<h1><a href="#">Title 9</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/3.jpg" class="thumb">
			<h1><a href="#">Title 10</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/5.jpg" class="thumb">
			<h1><a href="#">Title 11</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/7.jpg" class="thumb">
			<h1><a href="#">Title 12</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/1.jpg" class="thumb">
			<h1><a href="#">Title 13</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/4.jpg" class="thumb">
			<h1><a href="#">Title 14</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/2.jpg" class="thumb">
			<h1><a href="#">Title 15</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/ooo.jpg" class="thumb">
			<h1><a href="#">Title 15</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/ooo.jpg" class="thumb">
			<h1><a href="#">Title 15</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
		<article class="white-panel">
			<img src="image/ooo.jpg" class="thumb">
			<h1><a href="#">Title 15</a></h1>
	  		<p>这里是介绍这里是介绍这里是介绍这里是介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
		</article>
    </section>